@charset "utf-8";
@font-face {
	font-family: 'Conv_Microsoft Sans Serif';
	src: url('fonts/Microsoft Sans Serif.eot');
	src: local('☺'), url('fonts/Microsoft Sans Serif.woff') format('woff'), url('fonts/Microsoft Sans Serif.ttf') format('truetype'), url('fonts/Microsoft Sans Serif.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { margin:0px;
font-size:12px;
background:#dcdcdc;
font-family:"微软雅黑","Microsoft Yahei";
}
img{ border:0px;}
a{ text-decoration:none;}

a:link{ color:#333333;}
a:visited{color:#333333;}
a:hover{ color:#0086ff;}
.l:link{ color:#ffffff;}
.l:visited{color:#ffffff;}
.l:hover{ color:#ff3388;}
div,ul,ol,dl,li,ins,p,form,h1,h2,h3,span{ margin:0px;padding:0px;list-style:none outside; }

#head{width:1200px; height:100px; margin:auto;}
#head2{ width:100%; height:100px; background:#ffffff;}
#logo{width:158px;height:100px;float:left;}
#tmenu{ float:left;width:636px; padding-left:406px; padding-top:50px; height:50px; line-height:26px; font-size:18px; font-weight:bold; right:0px; top:20px;}
#tmenu li{ width:106px; height:26px; float:left; text-align:right;}
#ipic{ width:1200px; height:600px; margin:auto; position:relative;}
#iban{ width:360px; height:190px; background:#0086ff; position:absolute; top:220px; left:70px;}
#iban h1{ font-size:36px; font-weight:bold; color:#ffffff; width:320px; margin:auto; letter-spacing:1px; padding-top:30px;}
#iban p{ font-size:36px;color:#ffffff; line-height:40px;width:330px;margin:auto; font-weight:bold;}

#ddiv1{ width:600px; height:600px;}
#ddiv2{ width:600px; height:300px;}
#ddiv2 li{width:300px; height:300px; float:left;}
#ddiv3{ width:300px; height:600px;}
#ddiv4{ width:300px; height:300px;}
#m_div{ width:1200px; height:600px; margin:auto;}
#m_div ul{ width:600px; height:600px; float:left;}
#m_tt{ width:1200px; height:78px; margin:auto;}
#m_tt h2{font-size:18px;color:#000000; margin-top:32px; line-height:78px;}
#m_div2{ width:1200px; height:1200px; margin:auto; position:relative;}

#m_div3{ width:1200px; height:446px; margin:auto; position:relative;}
#m_div3 ul{ width:1200px; height:215px; float:none;}
#m_div3 li{ width:225px; height:215px; float:left;}
#m_div4{ width:1200px; height:756px; margin:auto; position:relative;}
#m_div4 li{ width:246px; height:338px; float:left; border:1px #a5a5a5 solid; padding:15px 20px 15px 20px; margin-bottom:16px; cursor:pointer;}
#m_div4 h3{ width:100%; height:44px; line-height:44px; font-size:16px; line-height:44px;}
#m_div4 img{ width:100%; width:246px; height:166px; line-height:166px; font-size:16px; line-height:44px;}
#m_div4 span{ width:100%; height:35px; line-height:35px; font-size:12px;}
#m_div4 p{ width:100%; height:46px; line-height:23px; font-size:14px; margin-bottom:16px;}
#m_div4 ol{ width:100%; height:28px;}
#m_div4 ol input{ width:86px; height:28px; float:left; background:#0086ff; border:0px; font-size:12px; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}

.cip{ width:100%; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.cip p{ width:90%; height:48px; line-height:48px; font-size:20px; color:#fff; font-weight:bold; position:absolute; bottom:20px; background:#0086ff; left:5%;text-indent:0.8em; z-index:99;}
.cip div{width:100%; height:100%; position:absolute; background:#333333;
z-index:10;
top:0;
right:100%;
background-color:#0086ff;opacity:.7;filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:.7;-moz-opacity:.7;}
.cip:hover div{ width:100%; height:100%;

position:absolute;
top:0;
right:0;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: translate(0px, 0px);
-webkit-transform:translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px,0px);
z-index:10;
background-color:#0086ff;opacity:.7;filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:.7;-moz-opacity:.7;}
.cip:hover p{ background:url();}

.s_01{ background:url(../images/s/s_03.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer;}
.s_01:hover{ background:url(../images/s/s2_03.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_02{ background:url(../images/s/s_05.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_02:hover{ background:url(../images/s/s2_05.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_03{ background:url(../images/s/s_07.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_03:hover{ background:url(../images/s/s2_07.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_04{ background:url(../images/s/s_09.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_04:hover{ background:url(../images/s/s2_09.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_05{ background:url(../images/s/s_11.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_05:hover{ background:url(../images/s/s2_11.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_06{ background:url(../images/s/s_18.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer;}
.s_06:hover{ background:url(../images/s/s2_18.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_07{ background:url(../images/s/s_19.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_07:hover{ background:url(../images/s/s2_19.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_08{ background:url(../images/s/s_20.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_08:hover{ background:url(../images/s/s2_20.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_09{ background:url(../images/s/s_21.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_09:hover{ background:url(../images/s/s2_21.png) center center no-repeat #ffffff;border:1px #0084ff solid;}
.s_10{ background:url(../images/s/s_22.png) center center no-repeat #ffffff; border:1px #a5a5a5 solid; cursor:pointer; margin-left:16px;}
.s_10:hover{ background:url(../images/s/s2_22.png) center center no-repeat #ffffff;border:1px #0084ff solid;}

#ntop{ width:100%; height:300px; background:#333333;}
#ntop ul{ width:1200px; height:160px; margin:auto; padding-top:78px;}
#ntop h2{ font-size:38px; color:#e10078; font-weight:bold; line-height:46px;}
#ntop b{ font-size:38px; color:#ffffff; font-weight:bold;line-height:46px;}
#ntop p{ font-size:17px; color:#ffffff;line-height:36px;}
#ntop li{ width:1200px; height:37px; margin:auto; padding-top:15px; }
#ntop li ol{ padding:0px 20px 0px 20px; float:left; line-height:20px; height:20px; font-size:16px; color:#ffffff;}

#ntop2{ width:100%; height:45px; background:#333333;}
#ntop2 li{ width:1200px; height:45px; margin:auto; padding-top:12px; }
#ntop2 li ol{ padding:0px 20px 0px 20px; float:left; line-height:20px; height:20px; font-size:16px; color:#ffffff;}

#foot{width:1200px; margin:auto; height:370px; margin-top:60px; margin-bottom:60px; position:relative; background:#333333;}
#footcontent{width:630px; height:370px; padding-left:80px; float:left; padding-top:30px;}
#footcontent h3{ font-size:32px; color:#ff3380; width:100%; height:120px; line-height:90px; font-weight:normal;}
#footcontent li{ font-size:18px; color:#626262; line-height:28px; width:100%;}

#bslist{ width:1200px; margin:auto; margin-top:30px;}
#bslist ul{ width:1030px; height:245px; float:none; padding:55px 85px 0 85px; position:relative; z-index:10;}
#bslist li{ float:left; height:215px; z-index:10;}
#bslist li h3{font-size:36px; color:#ffffff; line-height:80px;}
#bslist li p{font-size:16px; color:#ffffff; line-height:26px;}
#bslist div{ width:100%; height:100%; position:absolute; z-index:-1; left:0px; top:0px;}

#caselist{ width:1200px; margin:auto; margin-top:30px;}
#caselist .casebox{ width:400px; height:400px; float:left; position:relative;}
#caselist ul{ width:0px; height:400px;}
#caselist2{ width:1200px; margin:auto; margin-top:30px; position:relative;}
#caselist2 .casebox2{ width:300px; height:300px; float:left; position:relative;}
#caselist2 ul{ width:0px; height:400px;}
.cip2{ width:100%; height:100%; position:relative; overflow:hidden; cursor:pointer;}
.cip2 p{ width:90%; height:48px; line-height:48px; font-size:20px; color:#fff; font-weight:bold; position:absolute; bottom:50px;left:5%;text-indent:0.8em; z-index:99; display:none;}
.cip2 span{ width:90%; height:48px;line-height:48px; font-size:16px; color:#fff; position:absolute; bottom:20px;left:6%;text-indent:0.8em; z-index:99; display:none;}
.cip2 div{width:100%; height:100%; position:absolute; background:#333333;
z-index:10;
top:0px;
right:100%;
background-color:#0084ff;opacity:.7;filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:.7;-moz-opacity:.7;}
.cip2:hover div{ width:100%; height:100%;

position:absolute;
top:0px;
right:0px;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: translate(0px, 0px);
-webkit-transform:translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px,0px);
z-index:10;
background-color:#0084ff;opacity:.8;filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; -khtml-opacity:.8;-moz-opacity:.8;}
.cip2:hover p{ display:block;}
.cip2:hover span{ display:block;}



#ablist{ width:1200px; margin:auto; margin-top:30px; height:1200px;}
#ablist ul{width:600px; height:600px; float:left; position:relative;}
#ablist ul li{ width:100%; height:100%; padding:50px; z-index:99; position:absolute;}
#ablist ul li h3{ font-size:22px; color:#ffffff; font-weight:bold; line-height:80px;}
#ablist ul li p{ width:100%; line-height:26px; font-size:16px; color:#ffffff; width:82%;}
#ablist ul div{ width:100%; height:100%; position:absolute; z-index:10; left:0px; top:0px;}

#ablist2{width:1200px; height:600px; margin:auto; position:relative; margin-top:30px; }
#ablist2 ul{width:1200px; height:600px; background-color:#333333;opacity:.7;filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:.7;-moz-opacity:.7; position:absolute; left:0px; top:0px; z-index:10;}
#ablist2 h3{font-size:22px; color:#ff3380; font-weight:bold; line-height:80px; left:30px; top:30px; z-index:100; position:absolute;}
#ablist2 li{width:1200px; height:600px; z-index:100;left:0px; top:0px; position:absolute;}

#ctlist{ width:1200px; height:819px; margin:auto; margin-top:30px;}
#ctlist ul{ width:600px; height:819px; float:left; background:#ffffff;}
#ctlist li{ width:600px; float:none;}
#ctlist li ol{ height:60px; float:left;}

#newslist{ width:1200px; margin:auto; position:relative; margin-top:30px;}
#newslist div{ width:246px; height:338px; float:left; border:0px #a5a5a5 solid; background:#ffffff; padding:15px 20px 15px 20px; margin-bottom:16px; position:relative;}
#newslist ul{ width:0%; height:338px;}
#newslist h3{ width:100%; height:44px; line-height:44px; font-size:16px; line-height:44px;}
#newslist img{ width:100%; width:246px; height:166px; line-height:166px; font-size:16px; line-height:44px;}
#newslist span{ width:100%; height:35px; line-height:35px; font-size:12px;}
#newslist p{ width:100%; height:46px; line-height:23px; font-size:14px; margin-bottom:16px;}
#newslist ol{ width:100%; height:28px;}
#newslist ol input{ width:86px; height:28px; float:left; background:#0086ff; border:0px; font-size:12px; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}

#nmenu{ width:1200px; height:40px; margin:auto;}
#nmenu li{ float:left;height:40px;color:#666666; line-height:32px;}
#nmenu2{ width:1200px; height:108px; margin:auto;}
#nmenu2 li{ float:left;height:40px;color:#666666; line-height:32px;}
#nmenu2 li a{color:#525252;}
#ctshow{ width:1200px; margin:auto; position:relative;}
#ctshow ul{ float:left;}
#ctshow ul h1{ font-size:32px; color:#ffffff;}
#ctshow ul dl{ font-size:16px; color:#ffffff; line-height:22px; height:100px; margin-top:240px;}
#ctshow ul ol{ font-size:14px; color:#ffffff; line-height:22px; height:210px; margin-top:15px;}
#ctshow ul img{ width:900px; margin:0px; float:none;}

#nsshow{ width:1200px; margin:auto; position:relative;}
#nsshow .nlist{ float:left; width:250px; height:330px; padding:20px; background:#808080; margin-bottom:12px;}
#nsshow .nlist li{ width:250px;}
#nsshow .nlist input{ width:86px; height:28px; float:left; background:#0086ff; border:0px; font-size:12px; color:#ffffff; font-family:Verdana, Geneva, sans-serif;}
#nsshow .ncontent{ font-size:14px; line-height:28px; color:#ffffff;}
#nsshow .ncontent h1{ font-size:32px; color:#ffffff; font-weight:bold; width:100%; height:86px; line-height:42px;}
#nsshow .ncontent img{ width:600px; margin:0px; float:none;}


.ic01 dl{ font-size:46px;color:#0084ff; padding-left:60px; padding-top:60px; font-family:'Conv_Microsoft Sans Serif'; letter-spacing:0.1em;}
.ic01 h3{ font-size:34px;color:#0084ff; padding-left:60px; padding-top:10px; font-weight:normal;}

.ic02 dl{ font-size:28px;color:#ffffff; padding-left:40px; padding-top:40px;}
.ic02 h3{ font-size:42px;color:#ffffff; padding-left:40px;}
.ic02 p{ font-size:16px;color:#ffffff; height:100%;line-height:32px;text-align:center; padding-top:70px; color:#333333;}
.ic03 p{ font-size:16px;color:#333333; text-align:center; line-height:260px; height:150px;}
.ic03 ol{width:10px; height:10px; background:url(../images/yd.png); float:left; margin-left:7px; margin-right:8px;}

.dn{display: none;}

/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}